(function($){
	var initLayout = function() {
		$('.colorSelector').ColorPicker({
			color: '#1e83ba',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				
				$('.pattern_icon').css('backgroundColor', '#' + hex);
				$('.colorSelector div').css('backgroundColor', '#' + hex);
			
				if($('.slide_bg').hasClass('pattern_bg_1') || $('.slide_bg').hasClass('pattern_bg_2') || $('.slide_bg').hasClass('pattern_bg_3') || $('.slide_bg').hasClass('pattern_bg_4'))
				{
					$('.slide_bg').css('backgroundColor', '#' + hex);
					
				}
			}
		});
	};
	

	EYE.register(initLayout, 'init');
})(jQuery)